<template>
<div>
  <pageHeader></pageHeader>
  <div class="inner">
    <router-view></router-view>
  </div>
  <tabBar></tabBar>
</div>
</template>

<script>
import pageHeader from './PageHeader.vue'
import tabBar from './TabBar.vue'
export default {
  name: "Layout",
  components:{
    pageHeader,
    tabBar
  }
}
</script>

<style scoped>
.inner{
  padding-top: 95px;
  padding-bottom: 95px;
  background: linear-gradient(183deg, #E1BEE7 7%, #FFECB3 102%);
}
</style>